// 路由守卫
import router from '@/router'
import store from '@/store'

// 路由守卫分为  前置守卫beforeEach  后置守卫 afterEach
// 有三个重要的参数 ：
// to 代表要去哪，其中的path属性 代表要跳转的地址
// from 从哪来（路由对象，其中有path属性，代表从哪个路径跳转来的）
router.beforeEach((to, from, next) => {
  if (to.path === '/login') {
    next()
  } else {
    if (store.state.token) {
      next()
    } else {
      next('/login')
    }
  }
})

//  路由后置守卫
router.afterEach((to, from) => {
  // console.log(to)

  // 通过 to 获取到进入页面的元数据 meta
  // 判断meta中的 isScroll属性是否为true
  // 如果为true 则将页面滚动条跳转到对象位置
  if (to.meta.isScroll) {
    setTimeout(() => {
      window.scrollTo(0, to.meta.top)
    })
  }
})
